<script setup>
import { RouterLink, RouterView } from 'vue-router'
</script>

<template>

    <!-- <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" /> -->

    <div class="wrapper">

      <nav>
        <RouterLink to="/"><button>首页</button></RouterLink><br/>
        <RouterLink to="/about"><button>列表</button></RouterLink>
      </nav>
    </div>
    <div class="neirong">
  <RouterView />
</div>
</template>

<style scoped>
.neirong{
  float: left;
}

.wrapper{
  width: 300px;
}
  nav{
    /* background-color: aqua; */
    width: 100px;
  }
  nav button{
    color: rgb(91, 91, 91);
    font-size: 20px;
    cursor: pointer;
  }
  
</style>
